@import 'bourbon/_bourbon';
@import '_mixins';
@import '_nprogress';
// @import '_steps';
html,
body {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); // 消除手机端下点击高亮
    -webkit-touch-callout: none; // 禁止 iOS 弹出各种操作窗口
    // user-select: none; // 禁止ios和android用户选中文字
    width: 100%;
    height: 100%;
}

.app {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden !important;

    &.is-boxed {
        border: 22px solid #fff;
    }

    .navbar-brand {
        font-size: 1.125rem;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0, 0);
        opacity: .0291;
    }
    100% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}
ul.parallax {
    // transform: translate3d(0px, 0px, 0px);
    // transform-style: preserve-3d;
    // backface-visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; // left: 50%;
    list-style: none;
    padding: 0;
    margin: 0; // transform: translateX(-50%) !important;
    pointer-events: none;
    overflow: hidden;

    li {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../images/bg.svg) repeat center transparent;
        opacity: 0.2;
        &:last-child {
            background: url(../images/fg.svg) repeat center transparent;
            opacity: 0.4;
            background-size: 2215px auto;
        }
    }
}
.bg-star:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/bg.svg) repeat left top transparent;
    opacity: 0.2;
}
.welcome {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1e1f27; // background: linear-gradient(-90deg, rgba(45, 50, 55, 1) 0%, rgba(33, 37, 41, 1) 100%);
    .welcome-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;

        .circle:before,
        .circle:after,
        .circle span {
            transform: translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
            backface-visibility: hidden;

            background: #fff;
            opacity: 0;
            position: absolute;
            content: '';
            height: 2000px;
            width: 2000px;
            left: -1000px;
            top: -1000px;
            margin: 0 auto;
            border-radius: 50%;
            box-shadow: 0 0 1px white;
            animation: pulsate 9s ease-out infinite;
        }
        .circle:after {
            animation-delay: 2s;
        }
        .circle span {
            animation-delay: 1s;
        }
    }

    .tile {
        position: relative;
        top: -2.3125rem;
    }
}

.app-subnav {
    background-color: #343a40 !important;
    .nav-link {
        color: #e9ecef;
        padding: 1.0625rem 1.125rem 0.875rem 1.125rem;

        &.active {
            border-bottom: 3px solid #3396ff;
            color: #3396ff;
        }
        &:hover,
        &:active {
            color: #3396ff;
        }
    }

    .nav.tabs {
        border-bottom: 1px solid #dbdbdb;

        .nav-link {
            border-bottom: 1px solid #dbdbdb;
            margin-bottom: -1px;
            color: #868e96;
            font-size: 1.125rem;

            &.active {
                border-bottom-color: #212529;
                color: #212529;
            }
        }
    }
}

footer {
    font-size: .75rem;
    .nav-link {
        color: #212529;
        &:hover {
            color: #007bff;
        }
    }
}

.table {
    .hash {
        max-width: 10rem;
        a {
            @include ellipsis;
        }
    }
}

.table-toolbar {
    .input-group {
        .form-control {
            font-size: 1rem;
            height: 2.375rem;
        }
        .btn {
            padding: .5rem 1.25rem;
            height: 2.375rem;
        }
    }
    .wrapper {
        @media (min-width: 768px) {
            margin-right: 150px;
        }
    }
}

table td,
table th {
    word-break: keep-all;
    white-space: nowrap;
    font-size: .875rem;
}
